﻿from django.shortcuts import render, HttpResponse


# Create your views here.
def index(request):
    '''首页

    准备工作
    '''
    markdown = """# 上下文与模板调用

* 视图

    ```python
    def example(request):
        ex_dict = {
            'name': '大飞',
            'age': 18,
        }
        context = {
            'title': '例子',
            'name': '铁牛',
            'list': range(10),
            'dict': ex_dict,
            'ifs': 1,
            'html_code': '<a href="//www.baidu.com">百度搜索</a>',
            'datetime': datetime.datetime.now(),
        }
        return render(request, '04.html', context)
    ```

* 模板

    ```html
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>{{ title }}</title>
    </head>
    <body>
        {# 模板语法 #}
        <p>1.普通值获取</p>
        Hello {{ name }}
        <br/>
        <p>2.列表值获取</p>
        {{ list.0}} {{ list.1 }} {{ list.2 }}
        <br/>
        <p>3.字典值获取</p>
        姓名: {{ dict.name }} &emsp; 年龄: {{ dict.age }}

        <h2>列表循环</h2>
        <div>
        {% for i in list %}
        {{ i }}
        {% endfor %}
        </div>
        <h2>IF 判断</h2>
        {% if ifs == 0 %}
            {{ list.0 }}
        {% elif ifs == 1 %}
            {{ list.1}}
        {% else %}
            {{ list.9 }}
        {% endif %}
        <h2>URL 反向解析</h2>
        <li>多层模板的复用的地址是：{% url '3:two' %}</li>
        <li>user 的地址是: {% url '3:user' %}</li>
        <li>item 的地址是: {% url '3:item' %}</li>
        <h2>过滤器</h2>
        原文：
        <ul>
            <li>html_code:{{ html_code }}</li>
            <li>datetime:{{ datetime }}</li>
        </ul>
        过滤器：（格式：变量|过滤器:参数）
        <ul>
        <li>safe禁止转义：{{ html_code|safe }}</li>
        <li>length：{{ html_code|length }}</li>
        <li>date输出日期：{{ datetime|date:'Y-m-d H:i:s' }}</li>
        <li>default默认值：{{ style|default:'默认值' }}</li>
        <li>upper转大写：{{ html_code|upper }}</li>
        <li>lower转小写：{{ html_code|lower }}</li>
        <li>多个过滤器：{{ html_code|lower|safe }}</li>
    </ul>
    </body>
    </html>
    ```
"""
    context = {
        'title': 'Home',
        'markdown': markdown,
    }
    return render(request, 'marked.html', context)
